<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>角色</title>
  <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
  <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
  <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
  <link rel="stylesheet" href="css/bootstrap-table.css">
  <link rel="stylesheet" href="css/plugins/sweetalert/sweetalert2.css">
</head>
<style>
  body{
    margin: 10px 5px;
  }
  button{
    margin-left: 2%;
  }
</style>
<body>
  <div  id="toolbar">
    <div class=" form-inline">
      <a type="button" class="btn btn-outline btn-default" data-toggle="modal" id="add-a">
        <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
      </a>
      <input type="text"   class="form-control"placeholder="搜索" id="search-input">
      <input type="button" value="搜索"  class="btn btn-primary" id="searchButton"> 
    </div>
  </div>

  <table id="table">

  </table>
  <div id="addModal" class="modal fade " aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <div class="row">
            <h3 class="m-t-none m-b">新建</h3>
            <form id="addForm" role="form">
              <div class="form-group">
                <label>名称：</label>
                <input id="name" type="text" name="name" placeholder="请输入名称" class="form-control" required>
              </div>
              <div class="form-group">
                <label>描述：</label>
                <textarea id="descript" placeholder="请输入描述" name="descript" class="form-control" required></textarea>
              </div>
              <div>
                <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="button" onclick="add()"><strong>提交</strong></button>
                <button class="btn btn-sm btn-white pull-right m-t-n-xs" type="button" data-toggle="modal" data-target="#addModal" ><strong>取消</strong></button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="updateModal" class="modal fade " aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <div class="row">
            <h3 class="m-t-none m-b">修改</h3>
            <form id="updateForm" role="form">
              <div class="form-group">
                <label>名称：</label>
                <input id="newName" type="text" name="name" placeholder="请输入名称" class="form-control" required>
              </div>
              <div class="form-group">
                <label>描述：</label>
                <textarea id="newDescript" placeholder="请输入描述" name="descript" class="form-control" required></textarea>
              </div>
              <div>
                <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="button" id="edit-save-button"><strong>提交</strong></button>
                <button class="btn btn-sm btn-white pull-right m-t-n-xs" type="button" data-toggle="modal" data-target="#updateModal" ><strong>取消</strong></button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--删除模态框-->
  <div id="delete-modal" class="modal fade " aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
            aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">删除</h4>
          </div>
          <div class="modal-body">
            <h3 class="text-center" id="delete-prompt"></h3>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary" id="delete-confirm-button">确定</button>
          </div>
        </div>
      </div>
    </div>

    <!--权限设置模态框-->
    <div id="permission-setting-modal" class="modal fade " aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
            <div class="row">
              <h3 class="m-t-none m-b">权限设置</h3>
              <table id="permission-table" class="table table-bordered table-striped table-hover">
                <thead>
                  <tr>
                    <th>一级菜单</th>
                    <th>二级菜单</th>
                    <th>权限</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th>
                      <input type="checkbox" id="modal1" value="1" name="">流程模板
                    </th>
                    <th></th>
                    <th>
                      <input type="radio" name="radio1" id="radio1" value="1>1_0" > 仅查看
                      <input type="radio" name="radio1" id="radio1" value="1>1_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th>
                      <input type="checkbox" id="modal2" value="2" name="">生产管理
                    </th>
                    <th>
                    </th>
                    <th>
                      <input type="radio" name="radio2" id="radio2" value="2>1_0" > 仅查看
                      <input type="radio" name="radio2" id="radio2" value="2>1_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th>
                      <input type="checkbox" id="modal3" value="3" name="">生产执行
                    </th>
                    <th>
                    </th>
                    <th>
                      <input type="radio" name="radio3" id="radio3" value="3>1_0" > 仅查看
                      <input type="radio" name="radio3" id="radio3" value="3>1_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th>
                      <input type="checkbox" id="modal4" value="4" name="">人员管理
                    </th>
                    <th>
                    </th>
                    <th>
                      <input type="radio" name="radio4" id="radio4" value="4>1_0" > 仅查看
                      <input type="radio" name="radio4" id="radio4" value="4>1_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th>
                      <input type="checkbox" id="modal5" value="5" name="">库存管理
                    </th>
                    <th></th>
                    <th>
                      <input type="radio" name="radio5" id="radio5" value="5>1_0" > 仅查看
                      <input type="radio" name="radio5" id="radio5" value="5>1_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th>
                      <input type="checkbox" id="modal6" value="6" name="">规则库
                    </th>
                    <th></th>
                    <th>
                      <input type="radio" name="radio6" id="radio6" value="6>1_0" > 仅查看
                      <input type="radio" name="radio6" id="radio6" value="6>1_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th>
                      <input type="checkbox" id="modal7" value="7" name="">数据字典
                    </th>
                    <th>
                      <input type="checkbox" id="modal7-1" value="" name="">工种
                    </th>
                    <th>
                      <input type="radio" name="radio7-1" id="" value="1_0" > 仅查看
                      <input type="radio" name="radio7-1" id="" value="1_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-2" value="" name="">角色
                    </th>
                    <th>
                      <input type="radio" name="radio7-2" id="" value="2_0" > 仅查看
                      <input type="radio" name="radio7-2" id="" value="2_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-3" value="" name="">生产要素
                    </th>
                    <th>
                      <input type="radio" name="radio7-3" id="" value="3_0" > 仅查看
                      <input type="radio" name="radio7-3" id="" value="3_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th>
                    </th>
                    <th>
                      <input type="checkbox" id="modal7-4" value="" name="">返修问题
                    </th>
                    <th>
                      <input type="radio" name="radio7-4" id="" value="4_0" > 仅查看
                      <input type="radio" name="radio7-4" id="" value="4_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-5" value="" name="">工序
                    </th>
                    <th>
                      <input type="radio" name="radio7-5" id="" value="5_0" > 仅查看
                      <input type="radio" name="radio7-5" id="" value="5_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-6" value="" name="">设备类型
                    </th>
                    <th>
                      <input type="radio" name="radio7-6" id="" value="6_0" > 仅查看
                      <input type="radio" name="radio7-6" id="" value="6_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-7" value="" name="">设备
                    </th>
                    <th>
                      <input type="radio" name="radio7-7" id="" value="7_0" > 仅查看
                      <input type="radio" name="radio7-7" id="" value="7_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-8" value="" name="">折旧表
                    </th>
                    <th>
                      <input type="radio" name="radio7-8" id="" value="8_0" > 仅查看
                      <input type="radio" name="radio7-8" id="" value="8_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-9" value="" name="">特征表
                    </th>
                    <th>
                      <input type="radio" name="radio7-9" id="" value="9_0" > 仅查看
                      <input type="radio" name="radio7-9" id="" value="9_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-10" value="" name="">工资表
                    </th>
                    <th>
                      <input type="radio" name="radio7-10" id="" value="10_0" > 仅查看
                      <input type="radio" name="radio7-10" id="" value="10_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-11" value="" name="">加工环境
                    </th>
                    <th>
                      <input type="radio" name="radio7-11" id="" value="11_0" > 仅查看
                      <input type="radio" name="radio7-11" id="" value="11_1" > 所有权限
                    </th>
                  </tr>
                  <tr>
                    <th></th>
                    <th>
                      <input type="checkbox" id="modal7-12" value="" name="">工艺参数
                    </th>
                    <th>
                      <input type="radio" name="radio7-12" id="" value="12_0" > 仅查看
                      <input type="radio" name="radio7-12" id="" value="12_1" > 所有权限
                    </th>
                  </tr>
                </tbody>
              </table>
              <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="button" id="permission-setting-button"><strong>提交</strong></button>
              <button class="btn btn-sm btn-white pull-right m-t-n-xs" type="button" data-toggle="modal" data-target="#permission-setting-modal" ><strong>取消</strong></button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/bootstrap-table.js"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <script src="js/plugins/sweetalert/sweetalert2.js"></script>
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/validate/messages_zh.min.js"></script>
    <script src="js/mes/public/publicURL.js"></script>
    <script src="js/js/dataDict/role.js"></script>


  </body>
  </html>